<template>
	<view>
		<block v-for="item in isOrder" :key="item.product_id">
			<view class="cards">
				<view class="">
					<img class="proImg" :src="item.product_img" alt="">
				</view>
				<view class="cards_info">
					<uni-tag class="tag" inverted :text="item.product_title" type="primary"></uni-tag>
					<uni-tag class="tag" inverted :text="item.total_amount+'元'" type="primary"></uni-tag>
					<uni-tag class="tag" inverted :text="'数量'+item.buy_num" type="primary"></uni-tag>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		computed: {
			isOrder() {
				return this.$store.state.m_cart.pickGoods
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.cards {
		display: flex;
		padding: 10rpx;
		width: 90%;
		margin: 20rpx auto;
		border: 1px solid #ccc;
		border-radius: 10rpx;
		box-shadow: 0 0 10rpx #ccc;
	}

	.proImg {
		width: 200rpx;
		height: 200rpx;
	}
	.tag{
		font-size: 40rpx
	}
	
	.cards_info{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding-left: 10rpx;
	}
</style>
